<template>
  <div class='swiper-box'>
    <swiper :options='swiperOption'>
      <swiper-slide class='swiper-slide' v-for='item in imgData' :key='item.id'>
        <img :src='item.imgUrl' />
      </swiper-slide>
      <!-- 分页器 -->
      <div class='swiper-pagination' slot='pagination'></div>
    </swiper>
  </div>
</template>
<style>
/* @import "./index.less"; */
.swiper-box .swiper-pagination-bullet-active {
  background: #f10215;
}
.swiper-box .swiper-slide img {
  height: 360px;
}
</style>
<script src="./swiper.js"></script>
